// 车辆基础信息
<template>

<div class="car-info-base">

    <c-block-header :title='"基础信息"'></c-block-header>
    
    <div class="content">
        <c-common-form :data='data' :mods='mods'></c-common-form>
    </div>
   
    
</div>

</template>

<script lang='ts'>
import {Component, Prop, Watch, Vue} from 'vue-property-decorator'
import jgType from '@/components/ivew_conf/jg_type.json'

@Component({})
export default class carInfoBase extends Vue{
    name:string = 'car-info-base'

    @Prop()
    data:internalInf.carOrderAPI

    mods = [

       
        {
            label: '车辆型号',
            span: 15,
            component: 'input',
            conf:{

            },
            key: 'DEVmodel',
            ruleValidate:[
                {required:true, trigger:'blur' , message:'信息不能为空'}
            ]
        },
        {
            label: '车牌号',
            span: 9,
            component: 'input',
            conf:{

            },
            key: 'DEVplateNo',
            ruleValidate:[
                {required:true, trigger:'blur' , message:'信息不能为空'}
            ]
        },
        {
            label: '车架号',
            span: 15,
            component: 'input',
            conf:{

            },
            key: 'DEVvin',
            ruleValidate:[
                { required: true, message: '信息不能为空', trigger: 'blur' }
            ]
        },
        {
            label: '车型类型',
            span: 9,
            component: 'cascader',
            conf:{

                data:jgType.data,
                filterable: true,
                trigger: 'hover',
                renderFormat (label, selectedData){
                    return label[1];
                }
            },
            key: 'DEVcategory',
            ruleValidate:[
                {required:true, trigger:'blur' , message:'信息不能为空'}
            ]
        },
        {
            label: '发动机号',
            span: 15,
            component: 'input',
            conf:{

            },
            key: 'DEVengineNo',
            ruleValidate:[
                {required:true, trigger:'blur' , message:'信息不能为空'}
            ]
        },
        {
            label: '车辆归属',
            span: 9,
            component: 'select',
            conf:{
                options:[
                    {
                        label: '本地车牌',
                        value: '本地车牌'
                    },
                    {
                        label: '外市车牌',
                        value: '外市车牌'
                    },
                    {
                        label: '外省车牌',
                        value: '外省车牌'
                    }
                ]
            },
            key: 'DEVvehicleManagerArea',
            ruleValidate:[
                {required:true, trigger:'change' , message:'信息不能为空'}
            ]
        },
        {
            label: '初登日期',
            span: 9,
            component: 'datePicker',
            conf:{
                size: 'small',
                format: 'yyyy/MM/dd',
            },
            key: 'DEVregisterDate',
            ruleValidate:[
                {required:true, trigger:'change' , message:'信息不能为空'}
            ]
        },
        {
            label: '* 是否过户',
            span: 6,
            component: 'checkbox',
            conf:{
                
            },
            key: 'DEVisTransfered'
        },
        {
            label: '* 过户日期',
            span: 9,
            component: 'datePicker',
            conf:{
                size: 'small',
                format: 'yyyy/MM/dd',
                placement: 'right'
            },
            key: 'DEVtransferedAt'
        },
        {
            label: '* 营运',
            span: 8,
            component: 'checkbox',
            conf:{

            },
            key: 'DEVisCommercialUsage'
        },
    ]
    
    
}


</script>

<style scoped lang='scss'>

.content{
    padding-left: _rem(6px);
}
</style>